import React from 'react';
import {Image, View, TouchableOpacity, TextInput} from 'react-native';
import styles from './style';

const CommentInput = ({onShare}) => {
  return (
    <View style={styles.foot_container}>
      <View style={styles.input_container}>
        <TextInput style={styles.input} placeholder="写评论..." />
        <View style={styles.line} />
        <View style={styles.icon_container}>
          <Image
            source={require('../../assets/images/coment.png')}
            style={styles.comment_icon}
          />
        </View>
      </View>
      <View style={styles.all_icon_container}>
        <TouchableOpacity>
          <Image
            source={require('../../assets/images/no_like.png')}
            style={styles.icon_btn}
          />
        </TouchableOpacity>
        <TouchableOpacity>
          <Image
            source={require('../../assets/images/star.png')}
            style={styles.icon_btn}
          />
        </TouchableOpacity>
        <TouchableOpacity  activeOpacity={1} onPress={onShare}>
          <Image
            source={require('../../assets/images/share.png')}
            style={styles.icon_btn}
          />
        </TouchableOpacity>
      </View>
    </View>
  );
};

export default CommentInput;
